<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:f="http://java.sun.com/jsf/core"
      xmlns:p="http://primefaces.org/ui"
      xmlns:ui="http://java.sun.com/jsf/facelets"> 

<h:head>
	<title>Ricerca per identificativo</title>
</h:head> 
<h:body>
	<!-- div che contiene il resto -->
	<div id="Container">
				
		<!-- Div per contenere i dettagli del pacchetto -->
		<h:form>
			<p:panel header="Riepilogo pacchetto" id="Riepilogo" style="float:left; width:50%; margin-bottom:0.5em">
				<div id="Riepilogo_left" style="float:left; width:50%;">
					<p:outputLabel value="Destinazione: #{amicoManagedBean.destinazione}" style="margin:3em"/>
					<br/>
					<p:outputLabel value="Data Partenza: " style="margin-left:3em"/>
					<p:outputLabel value="#{amicoManagedBean.dataPartenza}">
						<f:convertDateTime pattern="dd/MM/yyyy" timeZone="Europe/Rome"/>
					</p:outputLabel>
				</div>
				<div id="Riepilogo_right" style="float:right; width:50%;">
					<p:outputLabel value="Durata: #{amicoManagedBean.durata} giorni" style="margin:3em"/>
					<br/>
					<p:outputLabel value="Prezzo complessivo: #{amicoManagedBean.prezzo}" style="margin:3em"/>
				</div>
				
				<!-- Form visualizzazione riepilogo -->
				<h:form>
					<p:dataTable var="prodotto" value="#{amicoManagedBean.listaProdottiDisponibili}" style="width:auto: margin-top:0.5em">
						<p:column headerText="ID">
							<h:outputText value="#{prodotto.getId()}" />
						</p:column>
	  
						<p:column headerText="Prezzo">
							<h:outputText value="#{prodotto.prezzo}" />
						</p:column>
				  
						<p:column headerText="Descrizione">
							<h:outputText value="#{prodotto.descrizione}" />
						</p:column>
						<!-- 
						<p:column headerText="Disponibile">
							<h:outputText value="#{prodotto.inVendita}" />
						</p:column>
	  					
	  					<p:column headerText="Eliminato">
							<h:outputText value="#{prodotto.eliminato}" />
						</p:column>
						 -->
					</p:dataTable>
				<h:outputLabel value="Il pacchetto non è acquistabile in quanto alcuni prodotti che lo compongono non sono al momento disponibili" style="size: 12px;" rendered="#{!amicoManagedBean.pacchettoAcquistabile}" />
				</h:form> 
			</p:panel>
		</h:form>
		
		
		
		<!-- Div per contenere i dettagli della gift list -->
		<p:panel header = "Prodotti nella giftlist" id="Giftlist" style="float:right; width:45%;">
			<h:outputLabel value="Gift List vuota" rendered="#{amicoManagedBean.giftListVuota}"/>
			<h:form rendered="#{!amicoManagedBean.giftListVuota}">
				<p:selectManyMenu id="acquistaMenu" value="#{amicoManagedBean.listaAttivitaSelezionate}" var="att" showCheckbox="true" style="width: auto" converter="AttivitaConverter" rendered="#{!amicoManagedBean.giftListVuota}">  
		            <f:selectItems value="#{amicoManagedBean.listaAttivitaGiftListDisponibili}" var="attivita" itemLabel="#{attivita.descrizione}" itemValue="#{attivita}" />  
		            <p:column>  
		                #{att.id} - #{att.descrizione}  
		            </p:column>  
		        </p:selectManyMenu>
		        <p:commandButton value="Acquista Prodotti in Gift List" action="#{amicoManagedBean.acquistaProdottiGL()}" style="margin-top: 0.5em" render="#{!amicoManagedBean.giftListVuota}" />
	        </h:form>
	        
		</p:panel>
		<div id="CommandButtons" style="clear: both; ">
			<!-- Bottone indietro -->
			<h:form>
				<p:commandButton value="Indietro" action="#{amicoManagedBean.indietro()}" />
				<p:commandButton value="Acquista Pacchetto" action="#{amicoManagedBean.acquistaPacchetto()}" disabled="#{!amicoManagedBean.pacchettoAcquistabile}"/>
			</h:form>	
		</div>	
	</div>
</h:body>
</html>
